<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}styles.css"/>
    <title>Kalapankki</title>
    {% block jquery %}
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    {% endblock %}
    {% block header_scripts %}
    {% endblock %}
</head>
<body>
<div class="top-nav">
<ul>
    {% if user.is_authenticated and user.is_active %}
    <li>
        <a href="{% url show_albums %}"><img id="kala" src="{{ STATIC_URL }}kala2.png" alt="Kalapankki"></a>
    </li>
    <li>
        <a href="{% url show_albums %}"><img src="{{ STATIC_URL }}kalapankki.png" alt="Kalapankki"></a></a>
    </li>
    {% else %}
    <li>
        <a href="{% url show_public_albums %}"><img id="kala" src="{{ STATIC_URL }}kala2.png" alt="Kalapankki"></a>
    </li>
    <li>
        <a href="{% url show_public_albums %}"><img src="{{ STATIC_URL }}kalapankki.png" alt="Kalapankki"></a></a>
    </li>
    {% endif %}
    {% if user.is_authenticated and user.is_active %}
    <li>
        <a class="button" href="{% url logout %}">Log out</a>
    </li>
    {% else %}
    <li>
        <a class="button" href="{% url socialauth_begin 'facebook' %}">Login
        with Facebook!</a>
    </li>
    <li>
        <a class="button" href="{% url login %}">Log in</a>
    </li>
    <li>
        <a class="button" href="{% url register %}">Register</a>
    </li>
    {% endif %}
</ul>
</div>

{% block navigation %}
<div class="navigation">
    <ul>
        <li>
            <a href="{% url show_public_albums %}">Public albums</a>
        </li>
        {% if user.is_authenticated and user.is_active %}
        <li>
            <a href="{% url show_albums %}">My albums</a>
        </li>
        <li>
            <a href="{% url show_pictures %}">My pictures</a>
        </li>
        <li>
            <a href="{% url add_album %}">Create new album</a>
        </li>
        <li>
            <a href="{% url upload_new_picture %}">Upload new picture</a>
        </li>
        <li>
            <a href="{% url add_new_picture %}">Add new picture with link</a>
        </li>
        {% endif %}
    </ul>

</div>
<br />

{% endblock %}

{% block root_content %}
	
{% endblock %}

</body>
</html>
